<div class="ant-btn-group ant-dropdown-button" nz-dropdown>
  <button
    type="button"
    nz-button
    [disabled]="nzDisabled"
    [nzType]="nzType"
    [nzSize]="nzSize"
    (click)="nzClick.emit($event)">
    <span><ng-content></ng-content></span>
  </button>
  <button
    nz-button
    type="button"
    class="ant-dropdown-trigger"
    [nzType]="nzType"
    [nzSize]="nzSize"
    [disabled]="nzDisabled"
    (click)="onClickEvent()"
    (mouseenter)="onMouseEnterEvent()"
    (mouseleave)="onMouseLeaveEvent()">
    <i class="anticon anticon-ellipsis"></i>
  </button>
</div>
<ng-template
  cdkConnectedOverlay
  [cdkConnectedOverlayHasBackdrop]="hasBackdrop"
  [cdkConnectedOverlayPositions]="positions"
  [cdkConnectedOverlayOrigin]="nzOrigin"
  (backdropClick)="hide()"
  (detach)="hide()"
  [cdkConnectedOverlayMinWidth]="triggerWidth"
  (positionChange)="onPositionChange($event)"
  [cdkConnectedOverlayOpen]="nzVisible">
  <div
    class="{{'ant-dropdown ant-dropdown-placement-'+nzPlacement}}"
    [@dropDownAnimation]="dropDownPosition"
    (mouseenter)="onMouseEnterEvent()"
    (mouseleave)="onMouseLeaveEvent()"
    [style.minWidth.px]="triggerWidth">
    <ng-content select="[nz-menu]"></ng-content>
  </div>
</ng-template>